<!DOCTYPE html>
<html style="font-size: 23px;">
<head>
<meta charset="utf-8">
<title>外观配置</title>
<link href="/assets/shopmanage/main.css" rel="stylesheet">
<link href="/assets/shoptaemob/shakecards/base.min.css" rel="stylesheet" type="text/css">
<link href="/assets/shoptaemob/shakecards/shakecards.css" rel="stylesheet" type="text/css">
<link href="http://g.alicdn.com/bui/bui/1.1.21/css/bs3/dpl.css" rel="stylesheet">
<link href="http://g.alicdn.com/bui/bui/1.1.21/css/bs3/bui.css" rel="stylesheet">
<script src="/assets/js/jquery-1.8.1.min.js"></script>
<script src="http://g.alicdn.com/bui/seajs/2.3.0/sea.js"></script>
<script src="http://g.alicdn.com/bui/bui/1.1.10/config.js"></script>
<script src="/assets/shopmanage/global_menu_jquery.js"></script>
<script src="/assets/shopmanage/event_step4_mob.js"></script>
<script src="/assets/shopmanage/jquery.mb.miniAudioPlayer.min.js"></script>
<script src="/assets/shopmanage/spectrum.js"></script>

<link href="/assets/shopmanage/spectrum.css" rel="stylesheet">
<link href="/assets/shopmanage/jQuery.mb.miniAudioPlayer.min.css" rel="stylesheet">

<style>
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    padding: 0;
	margin:0;
}
.wall-wrap {
    padding: 20px 0 0;
    font-size: .5rem;
}
.instro-wall {
    margin: 0 14px 10px;
    min-height: 100px;
    padding: 1px 5px 20px;
    border-radius: 10px;
    background-image: -webkit-gradient(linear,10% 0,90% 0,from(#875e44),color-stop(44.5%,#b88e6f),color-stop(56%,#b7957a),color-stop(67.7%,#b99477),to(#875e44));
}
.instro-wall>h2 {
    margin: 0 0 1px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #fdfcb2;
    text-align: center;
    background: -webkit-linear-gradient(left,transparent 10%,#963 50%,transparent 90%);
}
.instro-wall article {
    margin-bottom: 10px;
    padding: 5px 5px 10px;
    color: #fff;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: 0 0 15px rgba(135,94,68,.8) inset;
}
article {
    padding: 0 20px;
    margin: 0 auto;
    max-width: 720px;
    overflow: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

.instro-wall article .content {
    padding: 0 10px;
    color: #ffefd9;
}

.instro-wall article h6 {
    margin: 5px 0 5px -24px;
    text-indent: 34px;
    color: #6d5939;
    font-size: .5rem;
    font-weight: 700;
    background: url(https://img.alicdn.com/imgextra/i2/2631893537/TB2.b8osXXXXXbgXpXXXXXXXXXX-2631893537.png) no-repeat;
    -webkit-background-size: contain;
}
p {
    word-break: break-all;
}
.instro-wall .prize-list li img {
    width: 3.5rem;
    height: 3.5rem;
    padding: 4px 0;
}
section {
    display: block;
}
.instro-wall article table td input, #rankBox #rankInfoBox .rankInfo input, .exchange-wrap button,#awardInfo .codeInfoBox input {
    -webkit-appearance: button;
    font-size: .5rem;
    color: #fff;
    text-align: center;
    border: 0;
    border-radius: 7px;
    text-shadow: 0 0 3px rgba(0,0,0,.3);
    background: -webkit-gradient(linear,0 0,0 100%,from(#1dbbd7),to(#10369d));
}.instro-wall article table {
    width: 100%;
    margin: 7px 0 5px;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}tr {
    border-top: 1px solid #a17a5e;
}.instro-wall .win-table td:first-of-type {
    text-align: left;
}
.instro-wall article table td {
    padding: 7px 3px;
    border-top: 1px solid #c39f87;
}.instro-wall .prize-list {
    text-align: center;
}
li, ol, ul {
    list-style: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
ul, ol {
    margin: 1em 0;
    padding: 0;
}.instro-wall .prize-list li {
    float: left;
    width: 33.3%;
    padding: 3px 0 7px;
}.instro-wall .prize-list li span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 28px;
    font-size: .5rem;
}.instro-wall .prize-list li img {
    width: 3.5rem;
    height: 3.5rem;
    padding: 4px 0;
}
.instro-wall .prize-list li img {
    width: 3.5rem;
    height: 3.5rem;
    padding: 4px 0;
}
.ui-dialog {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0,0,0,.5);
    -webkit-transform-style: preserve-3d;
}
.ui-dialog_wrap {
    position: absolute;
    font-size: .5rem;
    left: 50%;
    top: 50%;
    width: 90%;
    max-width: 576px;
    color: #a6a9ac;
    border: 1px solid #393939;
    border-radius: 10px;
    background: -webkit-linear-gradient(top,#393939,#212121);
    -webkit-box-sizing: border-box;
    -webkit-transform: translate(-50%,-50%);
}
.ui-dialog_wrap header {
    padding: 13px 0;
}
.ui-dialog_wrap header h2 {
    margin: 0 3px;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
}
.ui-dialog_wrap header h2 .h-wrap {
    border-bottom: 1px solid #484949;
    background: url(https://img.alicdn.com/imgextra/i4/27390555/TB2SR8SsXXXXXcMXpXXXXXXXXXX-27390555.png);
    -webkit-background-size: 10px auto;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.9) inset;
}
.ui-dialog_wrap header h2 .prize-shop-wrap {
    display: -webkit-box;
    -webkit-box-align: center;
}
.ui-dialog_wrap header h2 p {
    position: relative;
    line-height: 20px;
    padding: 1em 10px;
}
.ui-dialog_wrap header h2 .prize-shop-wrap img {
    margin: 0 17px 0 16px;
}

.ui-dialog_wrap header h2 img {
    width: 50px;
    height: 50px;
    margin: 5px 7px 5px 0;
    border: 2px solid #2f8ae5;
    -webkit-box-sizing: border-box;
}
.ui-dialog_wrap header h2 .prize-shop-wrap span {
    display: -webkit-box;
    -webkit-box-flex: 1;
    text-align: left;
}
.ui-dialog_wrap header h2 hr {
    height: 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #000 transparent #414141;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    padding: 0;
}
.ui-dialog_wrap section {
    padding: 4px 25px;
}

section {
    display: block;
}

.prize-top {
    margin: -4px 0 20px;
    font-size: 15px;
    text-align: center;
}

.prize-wrap {
    margin: -4px 0 10px;
}


.prize-wrap ul {
    display: -webkit-box;
    font-size: 15px;
    -webkit-box-align: center;
}

.prize-wrap li:nth-of-type(1) {
    padding: 0 12px 0 0;
    text-align: right;
}
.prize-wrap li {
    width: 33.3%;
    -webkit-box-sizing: border-box;
}


.prize-wrap li:nth-of-type(2) {
    text-align: center;
}

.prize-wrap img {
    width: 75px;
    height: 75px;
}


.prize-wrap li:nth-of-type(3) {
    padding: 0 0 0 12px;
    text-align: left;
}

.ui-dialog_wrap footer {
    display: -webkit-box;
    padding: 12px 25px;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
}

.ui-dialog_wrap footer .btn-no {
    background: -webkit-linear-gradient(top,#454c54,#30353b);
    box-shadow: inset 0 1px 0 0 #646a71;
}
.ui-dialog_wrap footer a {
    display: block;
    width: 45.7%;
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}
footer a {
    color: #d1d4d6;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 600;
    text-decoration: none;
}

.ui-dialog_wrap footer .btn-yes {
    background: -webkit-linear-gradient(top,#308ce8,#2262a3);
    box-shadow: inset 0 1px 0 0 #539fec;
}
.ui-dialog_wrap footer a {
    display: block;
    width: 45.7%;
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}
.ui-dialog_wrap footer a:only-of-type {
    width: 77.6%;
    margin: 0 auto;
}
a.tool {
    position: absolute;
    float: left;
    margin: 2px 2px;
    padding: 0 3px;
    height: 20px;
    line-height: 22px;
    display: none;
    text-decoration: none;
    background-color: #56a1e3;
    color: #FFF;
	
}
.jinnang {
    width: 3rem;
    position: absolute;
    z-index: 999;
    right: 1rem;
    top: 2rem;
}
.show-pic {
	float: left;
    margin: 0 60px;
    background: #eee;
    border: 1px dotted #d7d7d7;    
	width: 100px;
    height: 100px;
    text-align: center;
}
#J_Dialog{
position:absolute;display: none;margin:30px 0;
}
.page-swipe header {
	padding-bottom: 25px
}

.page-swipe header a,.page-swipe header a:visited {
	color: #2b2e30;
	font-weight: 700
}

.page-swipe header a:hover,.page-swipe header a:visited:hover {
	color: #43484b
}

.page-swipe header a.logo,.page-swipe header a:visited.logo {
	background: #373b3e;
	color: #191919
}

.page-swipe header a.logo:hover,.page-swipe header a:visited.logo:hover {
	background: #4f5559
}

@media only screen and (max-width: 767px) {
	.page-swipe header {
		padding: 15px 0
	}
}

.page-swipe header #slider {
	max-height: 395px;
}

@media only screen and (max-width: 767px) {
	.erweima img, .demo-title {
		display: none;
	}

	.demo-wrapper-header {
		margin: 10px auto;
	}

	.page-swipe header #slider {
	}
}

.page-swipe header #slider figure {
	display: block
}

.page-swipe header #slider figure div.wrap {
	max-width: 640px;
	height: 360px;
	display: block;
	margin: 20px auto 15px;
	position: relative
}

@media only screen and (max-width: 767px) {
	.page-swipe header #slider figure div.wrap {
		max-width: 480px;
		height: 240px;
		margin-bottom: 5px
	}
}

.page-swipe header #slider figure div.image {
	display: block;
	box-shadow: 0 1px 5px rgba(0,0,0,.85),inset 0 0 1px rgba(255,255,255,.35);
	margin: 0 10px;
	border-radius: 5px;
	height: inherit
}

.page-swipe header #slider figure a {
	text-transform: none;
	font-weight: 400;
	letter-spacing: 0;
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-size: 12px;
	color: #fff;
	background: #000;
	padding: 2px 5px;
	border-radius: 3px;
	opacity: .45;
	font-family: franklin-gothic-urw,sans-serif
}

.page-swipe header #slider figure a:hover {
	opacity: .85;
	text-decoration: none
}

.page-swipe header nav {
	position: relative;
	max-width: 680px;
	margin: 7px auto 0
}

.page-swipe header nav a {
	font-style: normal;
	color: #555!important
}

.page-swipe header nav #position {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0
}

.page-swipe header nav #position li {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #141414;
	box-shadow: inset 0 1px 3px black,0 0 1px 1px #202020;
	margin: 0 2px;
	cursor: pointer
}

.page-swipe header nav #position li.on {
	box-shadow: inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);
	background-color: #1293dc;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1293dc),color-stop(100%,#0f6297));
	background-image: -webkit-linear-gradient(top,#1293dc,#0f6297);
	background-image: -moz-linear-gradient(top,#1293dc,#0f6297);
	background-image: -ms-linear-gradient(top,#1293dc,#0f6297);
	background-image: -o-linear-gradient(top,#1293dc,#0f6297);
	background-image: linear-gradient(top,#1293dc,#0f6297)
}

.page-swipe article {
	text-align: center;
	padding-bottom: 60px
}

@media only screen and (max-width: 767px) {
	.page-swipe article {
		padding-left: 10px;
		padding-right: 10px
	}
}

.page-swipe article h1 {
	font-size: 36px;
	margin: 35px 0 10px;
	line-height: 1.1em
}

@media only screen and (max-width: 767px) {
	.page-swipe article h1 {
		margin-top: 20px;
		font-size: 32px
	}
}

.page-swipe article h2 {
	color: #14a8e5;
	font-size: 17px;
	margin: 0
}

.page-swipe article h2 span {
	margin: 0 6px
}

.page-swipe article h3 {
	color: #929a9f;
	font-size: 16px
}

.page-swipe article .twitter {
	margin: 20px 0 20px 8px;
	padding-bottom: 50px;
	text-align: center
}

.page-swipe article .twitter iframe {
	margin: 0 10px;
	max-width: 273px
}

.page-swipe article .whos-using {
	margin: 18px 0 80px;
	list-style: none;
	font-size: 0
}

.page-swipe article .whos-using li {
	display: inline-block;
	width: 170px;
	height: 140px;
	text-indent: -999em;
	background-size: 170px 140px;
	background-position: center;
	background-repeat: no-repeat
}

@media only screen and (max-width: 470px) {
	.page-swipe article .whos-using li {
		display: block;
		width: auto!important;
		height: 120px
	}
}

.page-swipe article #twitter-widget-2,.page-swipe article #twitter-widget-3,.page-swipe article #twitter-widget-4,.page-swipe article #twitter-widget-5 {
	display: inline-block!important;
	max-width: 320px!important;
	vertical-align: top!important;
	margin: 12px!important;
	width: auto!important;
	border-radius: 4px!important;
	box-shadow: 0 1px 1px rgba(0,0,0,.05)!important
}

@media only screen and (max-width: 767px) {
	.page-swipe article #twitter-widget-2,.page-swipe article #twitter-widget-3,.page-swipe article #twitter-widget-4,.page-swipe article #twitter-widget-5 {
		margin-left: 0!important;
		margin-right: 0!important
	}
}

.page-swipe footer {
	background-color: #191919;
	padding: 0
}

.page-swipe footer a {
	color: #2b2e30!important;
	font-weight: 700
}

.page-swipe footer a:hover {
	color: #43484b!important
}

.page-swipe footer .button,.page-swipe footer .button:active,.page-swipe footer .button:visited {
	color: #4c565a!important;
	border: 0;
	box-shadow: 0 1px 1px rgba(0,0,0,.65),inset 0 1px 2px -1px rgba(255,255,255,.2);
	background-color: #252829;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#252829),color-stop(100%,#1e2021));
	background-image: -webkit-linear-gradient(top,#252829,#1e2021);
	background-image: -moz-linear-gradient(top,#252829,#1e2021);
	background-image: -ms-linear-gradient(top,#252829,#1e2021);
	background-image: -o-linear-gradient(top,#252829,#1e2021);
	background-image: linear-gradient(top,#252829,#1e2021);
	text-shadow: 0 -1px 0 rgba(0,0,0,.35);
	margin-bottom: 25px
}
.exchange-wrap input, .exchange-wrap select {
    display: block;
    padding: .7rem;
    height: 1.2rem;
    font-size: .5rem;
    color: #fff;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: transparent #363636 #4d4d4d;
    background-color: #1b1b1b;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5) inset;
    -webkit-box-flex: 1;
}
button, input {
    outline: 0;
    border: 0;
    border-radius: 0;
}
button, input, select, textarea {
    color: #3f3f3f;
    margin: 0;
    font-size: 1em;
    line-height: 1.4;
    background-color: #191919;
}
.exchange-wrap input {
width:100%
}
#poupInfoBox {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	padding:10px 0;
	color:#fff;
	z-index:1500;
	background:rgba(0,0,0,0.8);
	display:none;
}
#poupInfoBox .poupHead {
	position:relative;
	border-bottom:1px solid rgba(255,255,255,.6);
	padding:.2rem 0 0;
	margin:0 10px
}
#poupInfoBox .popTabBox {
	position:relative
}
#poupInfoBox .poupMain {
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	width:100%;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:0 1rem;
	position:relative
}
#poupInfoBox .poupTitle {
	display:inline-block;
	font-size:1.1rem;
	padding-top:.4rem
}
#poupInfoBox .poupClose {
	position:absolute;
	right:0;
	width:2.25rem;
	height:2.25rem;
	background:url('https://hdg.faisys.com/image/close.png?v=201605161742') no-repeat;
	background-size:70%;
	background-position:center
}
#poupInfoBox .poupTitleBox {
	float:left;
	width:13.25rem
}
#poupInfoBox .poupTitleBox .poupTitleMune {
	float:left;
	line-height:.65rem;
	padding:.8rem 0;
	text-align:center;
	cursor:pointer;
	width: 4.41667rem;
}
.poupTitleBox .poupTitleMune .item {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-left:solid 1px rgba(255,255,255,.3);
	position:relative;
	font-size:.65rem
}
.poupTitleBox .poupTitleMune:first-child .item {
	border-left:none
}
#poupInfoBox .poupSlideBar {
	position:absolute;
	left:0;
	width:13.25rem;
	bottom:0
}
#regAwardMain {
	max-height:19.2rem
}
#regAwardMain .playerName span {
	display:inline-block
}
#poupInfoBox .slideBarTip {
	height:3px;
	max-width:3.2rem;
	background:#fff;
	left: 0.6rem;
}
#poupInfoBox .slideBarTip::after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	border-left:.4rem solid transparent;
	border-right:.4rem solid transparent;
	border-bottom:.45rem solid #fff;
	width:0;
	right:0;
	margin:auto
}
#poupInfoBox .transitionPanel {
	position:relative
}
#poupInfoBox .transitionPanel.ontransition {
	-moz-transition:left 0s;
	-webkit-transition:left 0s;
	-o-transition:left 0s;
	transition:left 0s
}
#poupInfoBox .mainTitle {
	font-size:.6rem;
	line-height:1.2rem;
	background:#fff;
	color:#000;
	display:inline-block;
	padding:0 8px;
	margin-bottom:.55rem
}
#poupInfoBox .poupLine {
	font-size:.6rem;
	line-height:.9rem;
	padding:2px 0;
	margin-top:.7rem
}
#poupInfoBox .poupLine a {
	color:#fff000
}
#ruleBox #explainBox {
	overflow:auto;
	word-break:break-all;
	-webkit-overflow-scrolling:touch
}
.poupLine {
	font-size:.6rem;
	line-height:.9rem;
	padding:2px 0;
	margin-top:.7rem
}
.poupLine a {
	color:#fff000
}
#ruleBox #explainBox {
	overflow:auto;
	word-break:break-all;
	-webkit-overflow-scrolling:touch
}
#awardBox .explain {
	font-size:.6rem;
	line-height:1rem;
	overflow-y:auto;
	word-wrap:break-word
}
#awardBox #awardInfo {
	margin-top:.7rem;
	font-size:.7rem
}
#rankInfoBox .rankInfo .codeInfoBox,
#awardBox .codeInfoBox {
	width:13rem;
	border:.1rem solid #fff;
	border-radius:.2rem;
	margin:auto;
	position:relative;
	padding-top:.8rem;
	font-size:.6rem	;
	margin-bottom:.5rem;
}
#awardBox .awardWrap {
	width:100%;
	border-bottom:.05rem dashed #fff;
	opacity:.3;
	margin:.5rem 0 .4rem
}
.attentionBox {
	width:100%;
	text-align:center;
	font-size:.7rem;
	position:absolute;
	bottom:.1rem;
	left:0rem
}
.attentionBox * {
	margin-left:auto;
	margin-right:auto
}
.attentionBox .menuBtnBox,.resuleBox .menuAgain,.resuleBox .menuBack,.resuleBox .backListen,.TellToOther {
	width:10rem;
	height:2rem;
	line-height:2rem!important;
	background:#41bd43;
	border-radius:.2rem;
	margin-bottom:.5rem
}
.attentionBox a {
	color:#fff;
	text-decoration:none;
	line-height:1.9rem
}
.attentionBox .skillInfo {
	line-height:1rem;
	height:1rem;
	margin-bottom:.3rem;
	margin-top:.2rem;
	font-size:.6rem
}
.attentionBox .skillInfo a,.skillInfo a {
	color:#fff;
	text-decoration:underline
}
.attentionBox .holdBox {
	height:.5rem
}
.attentionBox .skillInfo .gotoFlag {
	display:inline-block;
	width:.4rem;
	height:.4rem;
	vertical-align:baseline;
	background-image:url(/image/jt.png?v=201605161742);
	background-size:100% 100%;
	margin-left:.3rem
}
#rankBox .rankTable {
	width:100%;
	margin-top:.55rem;
	text-align:center;
	table-layout:fixed;
	font-size:.7rem;
	color:#FFF
}
#rankBox .rankInfo {
	line-height:2.75rem
}
#rankBox #noRank {
	margin-top:.7rem;
	font-size:.7rem;
}
#rankBox .rankTable .userImg {
	width:2rem;
	height:2rem;
	margin:0 auto;
	border-radius:999px
}
#rankBox .rankTable .manImg {
	background:url('https://hdg.faisys.com/image/manImg.jpg?v=201605161742') no-repeat;
	background-size:100%
}

#rankBox .rankTable .userName {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
#rankBox .rankTable td {
	border-bottom:1px solid rgba(255,255,255,.4)
}
#rankBox #rankInfoBox .rankInfo input.mission {
    width: 6rem;
    height: 1.5rem;
}

.sign_main .calendar_month_prev,.sign_main .calendar_month_next{
    height: 1rem;
    background: url(https://img.alicdn.com/imgextra/i1/27390555/TB2LmNEtFXXXXblXXXXXXXXXXXX-27390555.png);
    background-size: cover;
    width: 1.5rem;
}
.sign_main .calendar_month_next{
    float: right;background-position: -1.5rem;
}
.sign_main .calendar_month_prev{
    float: left;
}
.sign_main .sign_succ_calendar_title{
	   height: 1rem;line-height: 1rem;
}
.sign_main .js-close-cal{
	float:right
}
.sign_main .calendar_month_span{
	float:left
}
.sign_main .sign table{
    width: 100%;
    height: 10rem;
    text-align: center;
}
.sign table {
background:none;border-collapse: collapse;
    border-spacing: 0;border-color: inherit;
}
.sign tr{
border:none;
}
.sign th,.sign td {
width: 1.8rem;height: 1.8rem;text-align: center;line-height: 1.8rem;border:none;
}
.sign th {
font-size: .6rem;
}
.sign td {
vertical-align: middle;color:#a6a9ac;
}     
.sign .on, .sign .on_bu, .sign .on_la, .sign .giftok, .sign .gift {
background: url(https://img.alicdn.com/imgextra/i1/27390555/TB2LmNEtFXXXXblXXXXXXXXXXXX-27390555.png);background-size:cover;
}

.sign .on {
background-position:-6.25rem -0.15rem;
}
.sign .on_bu {
background-position:-9rem -0.15rem;
}
.sign .on_la {
background-position: -11.8rem -0.15rem;
}
.sign .giftok {
cursor:pointer;background-position: -14.8rem -0.10rem;color:#FFF;
}
.sign .gift {
cursor:pointer;background-position: -17.6rem -0.10rem;color:#FFF;
}
.sign input {    
	height:1.1rem;
	padding:0 2px;
    -webkit-appearance: button;
    font-size: .5rem;
    color: #fff;
    text-align: center;
    border: 0;
    border-radius: 5px;
    text-shadow: 0 0 3px rgba(0,0,0,.3);
    background: -webkit-gradient(linear,0 0,0 100%,from(#1dbbd7),to(#10369d));
	}
	.bui-simple-list ul{
	position:absolute;right:0;bottom:0
	}
	
	.highlight {
	-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s; 
border-color:rgba(141,39,142,.75); 
-webkit-box-shadow:0 0 18px rgba(111,1,32,3); }
.control-group{
margin:10px;
}
#awardBox .codeInfoBox .buttons {
color:#ecb208;line-height:0.6rem;margin-left:0.6rem;text-align:center
}

#awardBox .codeInfoBox .buttons input {
margin-bottom:.5rem;height: 1.5rem;    width: 8rem;
}
#rankInfoBox .rankInfo .codeInfoBox,
#awardBox .codeInfoBox {
	width:13rem;
	border:.1rem solid #fff;
	border-radius:.2rem;
	margin:auto;
	position:relative;
	padding-top:.8rem;
	font-size:.6rem	;
	margin-bottom:.5rem;
}
.ui-dialog_wrap{
color:{$cfg.front_mob_cfg.dialog.dialog_text_color|default:'#a6a9ac'};border: 1px solid {$cfg.front_mob_cfg.dialog.dialog_border|default:'#393939'};background: -webkit-linear-gradient(top, {$cfg.front_mob_cfg.dialog.dialog_bg0|default:'#393939'}, {$cfg.front_mob_cfg.dialog.dialog_bg1|default:'#212121'}); 
}
.ui-dialog_wrap header h2 .h-wrap {
background: url({$cfg.front_mob_cfg.dialog.dialog_bg|default:'https://img.alicdn.com/imgextra/i4/27390555/TB2SR8SsXXXXXcMXpXXXXXXXXXX-27390555.png'});
}

.ui-dialog_wrap hr {
border-color:{$cfg.front_mob_cfg.dialog.dialog_hr0|default:'#000'} transparent {$cfg.front_mob_cfg.dialog.dialog_hr1|default:'#414141'};
}
.ui-dialog_wrap  footer  .btn-yes {
 background: -webkit-linear-gradient(top, {$cfg.front_mob_cfg.dialog.dialog_btnclose0|default:'#308ce8'}, {$cfg.front_mob_cfg.dialog.dialog_btnclose1|default:'#10369d'});color:{$cfg.front_mob_cfg.dialog.dialog_btntext|default:'#FFF'} 
}
.ui-dialog_wrap  footer .btn-no {
 background: -webkit-linear-gradient(top, {$cfg.front_mob_cfg.dialog.dialog_btnok0|default:'#308ce8'}, {$cfg.front_mob_cfg.dialog.dialog_btnok1|default:'#10369d'});color:{$cfg.front_mob_cfg.dialog.dialog_btntext|default:'#FFF'} 
}
#rankBox #rankInfoBox .rankInfo input,#awardBox .codeInfoBox .buttons input {
color:{$cfg.front_mob_cfg.jinnang.text|default:'#FFF'}; background: -webkit-linear-gradient(top, {$cfg.front_mob_cfg.jinnang.button0|default:'#308ce8'}, {$cfg.front_mob_cfg.jinnang.button1|default:'#1dbbd7'});
}
.sign_main .calendar_month_prev,.sign_main .calendar_month_next,.sign .on, .sign .on_bu, .sign .on_la, .sign .giftok, .sign .gift
{
background-image:url({$cfg.front_mob_cfg.cal.bg|default:'https://img.alicdn.com/imgextra/i1/27390555/TB2LmNEtFXXXXblXXXXXXXXXXXX-27390555.png'});
}
</style>

</head>
<body style="width:990px;margin:0 auto;padding:10px 0;">
	<div style="display:none" id="dialog">
		图片：<span class="show-pic "></span> 
		<div id="J_Uploader"></div>
		<div><a class="show-pic-download" href="javascript:void(0)" target="_blank" >保存原图</a></div>
	</div>
 <div class="doc-content">
     <div class="panel">
      <div class="panel-body">
		  <div class="row">
			<div class="span24 doc-content">
			<h3 class="pull-left">我的互动 >> 抽奖活动 >> 创建抽奖活动</h3>
			<!-- <a class="button pull-right" style="margin-left:10px" href="/?m=Kxdr&c=Index&a=show_tools"><i class="icon-home"></i>{$L.SYS_RETURN}</a> -->
				
			<div class="button-group pull-right">
			  {include file='../../../PublicView/global_menu.html'}
			</div>
			</div>
		  </div>
		
      </div>
    </div>
			 <div class="row show-grid">
			 <a href="/?m=shopmanage&c=edit&a=front_cfg&eid={$eid}&skin=mob" class="offset3 button button-info" style="margin-bottom:10px">选择其他手机外观</a>
			 <a href="/?m=shopmanage&c=edit&a=clearcfg&eid={$eid}&skin=mob" class="offset9 button button-info" style="margin-bottom:10px">清空外观参数</a>
			 </div>
			 <div class="row show-grid">
			<div id="area" class="span9" style="width:360px;margin-bottom:10px;padding-top:30px;position:relative;background:url(https://img.alicdn.com/imgextra/i3/27390555/TB2VI88sXXXXXaxXXXXXXXXXXXX-27390555.jpg) no-repeat">
			<div class="tpl_set jinnang" style="right:.1rem">
			<a href="###" class="tool replac-bgpic" data-highlight="main_bag" data-init="https://img.alicdn.com/imgextra/i4/27390555/TB2bVzGtXXXXXceXXXXXXXXXXXX-27390555.png" style="top:-20px;right:0;">替换图片</a>
			<img class="main_bag-show" src="{$cfg.front_mob_cfg.start_page.main_bag|default:'https://img.alicdn.com/imgextra/i4/27390555/TB2bVzGtXXXXXceXXXXXXXXXXXX-27390555.png'}" style="width: 3.01374rem;">
			</div>
			<div class="tpl_set " style="position:relative;">
			<a href="###" class="tool replac-music" style="top:-20px;right:55px;">替换音乐</a>
			<a href="###" class="tool replac-bgpic" data-highlight="main_bg"  data-init="https://img.alicdn.com/imgextra/i1/27390555/TB20Y0BsXXXXXa2XpXXXXXXXXXX-27390555.jpg" style="top:-20px;right:0;">替换图片</a>
			</div>
			<div class="tpl_set " style="position:relative;">
			<section class="wall-wrap main_subbg-show" style="padding:0;height:616px">
				<div class="body">
		<div class="home">
			<div id="homeBgBox">
				<img id="homeBg" style="width:360px" src="{$cfg.front_mob_cfg.start_page.main_bg|default:'https://img.alicdn.com/imgextra/i3/27390555/TB2QewpahdkpuFjy0FbXXaNnpXa-27390555.jpg'}">
			</div>
            <div class="titleImg imgContainer absCenter abs">
                <div class="ui-wrapper ui-resizable-autohide" style="position: absolute; width: 187px; height: 82px; top: 17.5781px; left: 93.75px; margin: 0px; float: none; z-index: 70; padding: 0px; cursor: move;" _from="titleImg"><img id="titleImg" class="slaveImg abs layerId-21 defBgColor ui-resizable" src="{$cfg.front_mob_cfg.start_page.main_pictitle|default:'https://img.alicdn.com/imgextra/i2/27390555/TB2SbtwaS4mpuFjSZFOXXaUqpXa-27390555.png'}" style="width: 187px; height: 82px; top: 0.75rem; left: 4rem; margin: 0px; resize: none; position: static; zoom: 1; display: block;"><div class="ui-resizable-handle ui-resizable-n ui-resizable-imgTopTip" style="z-index: 9030; display: none;"></div><div class="ui-resizable-handle ui-resizable-e ui-resizable-imgRightTip" style="z-index: 9030; display: none;"></div><div class="ui-resizable-handle ui-resizable-s ui-resizable-imgBottomTip" style="z-index: 9030; display: none;"></div><div class="ui-resizable-handle ui-resizable-w ui-resizable-imgLeftTip" style="z-index: 9030; display: none;"></div><div class="ui-resizable-handle ui-resizable-ne ui-resizable-imgTopRightTip" style="z-index: 9030; display: none;"></div><div class="ui-resizable-handle ui-resizable-nw ui-resizable-imgTopLeftTip" style="z-index: 9030; display: none;"></div><div class="ui-resizable-handle ui-resizable-sw ui-resizable-imgBottomLeftTip" style="z-index: 9030; display: none;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-resizable-imgBottomRightTip" style="z-index: 9030; display: none;"></div><a class="recoverBtn" href="javascript:;" style="display: none;"></a></div>
            </div>
			<!--<div class="titleImg"></div>-->
			<div id="drawBoxImg" class="imgContainer absCenter" style="top: 0px;">
				<div class="ui-wrapper ui-resizable-autohide" style="position: absolute;width: 154px;height: 128px;top: 131.25px;left: 117.188px;margin: 0px;float: none;z-index: 80;padding: 0px;cursor: move;" _from="drawImg"><img id="drawImg" _mousein="0" src="{$cfg.front_mob_cfg.start_page.main_box|default:'https://img.alicdn.com/imgextra/i2/27390555/TB2qPXxaNtmpuFjSZFqXXbHFpXa-27390555.png'}" class="slaveImg abs layerId-1 ui-resizable defBgColor" style="width: 154px; height: 128px; top: 5.6rem; left: 5rem; margin: 0px; resize: none; position: static; zoom: 1; display: block;" resize="1"><div class="ui-resizable-handle ui-resizable-n ui-resizable-imgTopTip" style="z-index: 9030; display: none;"></div><div class="ui-resizable-handle ui-resizable-e ui-resizable-imgRightTip" style="z-index: 9030; display: none;"></div><div class="ui-resizable-handle ui-resizable-s ui-resizable-imgBottomTip" style="z-index: 9030; display: none;"></div><div class="ui-resizable-handle ui-resizable-w ui-resizable-imgLeftTip" style="z-index: 9030; display: none;"></div><div class="ui-resizable-handle ui-resizable-ne ui-resizable-imgTopRightTip" style="z-index: 9030; display: none;"></div><div class="ui-resizable-handle ui-resizable-nw ui-resizable-imgTopLeftTip" style="z-index: 9030; display: none;"></div><div class="ui-resizable-handle ui-resizable-sw ui-resizable-imgBottomLeftTip" style="z-index: 9030; display: none;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-resizable-imgBottomRightTip" style="z-index: 9030; display: none;"></div><a class="recoverBtn" href="javascript:;" style="display: none;"></a></div>		
			</div>
			<div id="startBtn" style="background:url({$cfg.front_mob_cfg.start_page.main_phback|default:"https://img.alicdn.com/imgextra/i3/27390555/TB2VZFZarRkpuFjSspmXXc.9XXa-27390555.png"}) no-repeat;background-size: 100%;">
				<div id="shake" class="tada" style="background:url({$cfg.front_mob_cfg.start_page.main_phone|default:"https://img.alicdn.com/imgextra/i4/27390555/TB2lixCaItnpuFjSZFKXXalFFXa-27390555.png"}) no-repeat;background-size: 100%;"></div>
			</div>
			<div class="gameInfoBox" style="background:{$cfg.front_mob_cfg.start_page.main_bgcolor|default:'#667b02'};bottom:auto">
				

<div class="joinInfoBox">
	<div id="joinNumLine" class="joinNumLine absCenter layerId-2 defBgColor" style="color: rgb(224, 229, 204);font-size: 0.6rem;text-shadow: none;cursor: move;">
	已有<span id="joinNum" class="specil" style="color:rgb(255, 216, 0);font-size:0.75rem;text-shadow:none;">0</span>人参与，中出0份奖品</div>
    
	<div id="drawInfo" class="absCenter " style="top: 1.25rem; left: 2.5rem; cursor: move; position: absolute;">
		<div class="hide dayDraw4Total">今天可抽 <label class="golden-txt" id="">{$user.score|default:0}</label> 次</div>
		<div class="totalDraw">您有 <label class="golden-txt" id="J_Seeds">{$user.seeds|default:0}</label> 积分</div>
		<div class="dayDraw">您今天还有 <label class="golden-txt" id="J_Times">{$user.score|default:0}</label> 次抽奖机会</div>
	</div>
    
</div>
				
				<div style="height:3.5rem;width:100%;"></div>
			</div>
			<div class="poupInfoBox hide">
				<div class="poupInfo">
                <div class="soundIcon soundIconPlay soundShow " style="position:absolute; left:0; top:0"></div>
					<div class="luckDraw hide">
						<div class="drawInfoBox">
							<div class="drawInfo">缤纷大礼刮出来，</div>
							<div class="drawInfo" style="text-align:right;margin-top: 0.15rem;">快来试试手气吧！</div>
						</div>
						<div id="drawAreaBox">
							<div id="drawArea">
                                <span id="proud"></span>
                                <canvas id="myCanvas"></canvas>                     
                            </div>
						</div>	
					</div>											
				</div>								
			</div>			

			</section>
    <footer class="wall-wrap tar_copyright" style="{if $cfg.front_mob_cfg.start_page.copyright==2}display:none;{/if}margin-top: -30px;text-align: center;padding-bottom:10px;">
	<div class="tpl_set " style="position:relative;">
		<a href="###" class="tool replac-bgpic copyright" data-highlight="copyright" style="top:-20px;right:0;">设置</a>
        <a href="https://fuwu.m.taobao.com/wap/ser/index.htm#/serviceDetail?serviceCode=ts-30901&tracelog=sp" >©本活动由订单抽大奖提供</a>
	</div>
    </footer>
	</div>
	<img src="https://img.alicdn.com/imgextra/i3/27390555/TB2ipp2sXXXXXbaXXXXXXXXXXXX-27390555.jpg" />
			<div class="ui-dialog mob hasgift" id="J_Dialog">
				<div class="ui-dialog_wrap" style="color:{$cfg.front_mob_cfg.dialog.dialog_text_color|default:'#a6a9ac'};border: 1px solid {$cfg.front_mob_cfg.dialog.dialog_border|default:'#393939'};background: -webkit-linear-gradient(top, {$cfg.front_mob_cfg.dialog.dialog_bg0|default:'#393939'}, {$cfg.front_mob_cfg.dialog.dialog_bg1|default:'#212121'}); ">
					<header>
						<h2>
							<div class="tpl_set " style="position:relative;">
							<a href="###" class="tool replac-bgpic" data-highlight="dialog_bg" data-init="https://img.alicdn.com/imgextra/i4/27390555/TB2SR8SsXXXXXcMXpXXXXXXXXXX-27390555.png" style="top:-20px;right:120px;">编辑对话框</a>
							<a href="###" class="tool replac-bgpic" data-highlight="dialog_title-bg" data-init="https://img.alicdn.com/imgextra/i4/27390555/TB2SR8SsXXXXXcMXpXXXXXXXXXX-27390555.png" style="top:-20px;right:0;">替换标题背景</a>
							<div class="h-wrap dialog_bg-show" style="background: url({$cfg.front_mob_cfg.dialog.dialog_bg|default:'https://img.alicdn.com/imgextra/i4/27390555/TB2SR8SsXXXXXcMXpXXXXXXXXXX-27390555.png'});"><p><span>红包</span></p></div>
							</div>
							<hr style="margin:0;border-color:{$cfg.front_mob_cfg.dialog.dialog_hr0|default:'#000'} transparent {$cfg.front_mob_cfg.dialog.dialog_hr1|default:'#414141'};">
						</h2>
					</header>
					<section><div class="prize-top">恭喜您中奖了！您的运气实在是太好了！</div><div class="prize-wrap"><ul><li>一等奖</li><li><img src="http://img.weimob.com/static/1c/88/99/image/20160329/20160329151746_80234.jpg"></li><li>优惠券</li></ul></div></section>
					<div class="tpl_set " style="position:relative;">
					<a href="###" class="tool replac-bgpic" data-highlight="buttons" data-init="https://img.alicdn.com/imgextra/i4/27390555/TB2SR8SsXXXXXcMXpXXXXXXXXXX-27390555.png" style="top:-20px;right:0;">编辑按钮</a>
					<footer>
					<a id="J_CloseBtn" class="btn-no" style="text-decoration: none; background: -webkit-linear-gradient(top, {$cfg.front_mob_cfg.dialog.dialog_btnclose0|default:'#308ce8'}, {$cfg.front_mob_cfg.dialog.dialog_btnclose1|default:'#10369d'});color:{$cfg.front_mob_cfg.dialog.dialog_btntext|default:'#FFF'} ">关闭</a>
					<a  class="btn-yes" style="text-decoration:none;background: -webkit-linear-gradient(top, {$cfg.front_mob_cfg.dialog.dialog_btnok0|default:'#308ce8'}, {$cfg.front_mob_cfg.dialog.dialog_btnok1|default:'#10369d'});;color:{$cfg.front_mob_cfg.dialog.dialog_btntext|default:'#FFF'} ">立即兑奖</a>
					</footer>
					</div>
				</div>
			</div>			
			<div class="ui-dialog mob nogift" id="J_Dialog">
				<div class="ui-dialog_wrap">
						<header>
							<h2>
								<div class="h-wrap dialog_bg-show h-wrap dialog_bg-show2"><p class="hit-again-wrap"><i></i>感谢您的参与，请再接再厉哟！</p></div>
								<hr style="margin:0">
							</h2>
						</header>
						<section></section>
						<footer><a href="javascript:;" id="J_CloseBtn" class="btn-yes"  style="text-decoration:none">再来一次</a></footer>
					</div>
			</div>
			<div class="ui-dialog mob pickup addcart"  style="display: none;" id="J_Dialog">
				<div class="ui-dialog_wrap">
					<header>
						<h2>
							<div class="h-wrap dialog_bg-show"><p>亲，您需要将以下商品加入购物车后领取奖品。</p></div>
							<hr>
						</h2>
					</header>
					<section>
					<div class="page-swipe">
					<header>  
						<div id="slider" class="swipe" style="visibility: visible;">    
						<div class="swipe-wrap" style="width: 544px;">
						<figure data-index="0" style="width: 272px; left: 0px; transition-duration: 300ms; ">
						<h2>自制摆件</h2>
						<div class="wrap">
						<div class="image" data-iid="44717839263" data-gid="2" data-mygid="19" data-getway="collect" style="background:url(https://img.alicdn.com/bao/uploaded/i2/TB1nlw5HpXXXXaCXVXXXXXXXXXX_!!0-item_pic.jpg) center no-repeat;background-size: cover"> </div>
						</div>
						</figure>   
						</div>  
						</div>  
						<nav>    
						<ul id="position">      
						<li class=" "></li>      
						<li class="on"></li>   
						</ul>  
						</nav>
					</header>
					</div>
					</section>
					<footer><a href="javascript:;" id="J_CloseBtn" class="btn-no">关闭</a></footer>
				</div>
			</div>
			<div class="ui-dialog mob pickup collect" style="display: none;" id="J_Dialog">
				<div class="ui-dialog_wrap">
					<header>
						<h2>
							<div class="h-wrap dialog_bg-show"><p>亲，您需要收藏以下商品后领取奖品。</p></div>
							<hr>
						</h2>
					</header>
					<section>
					<div class="page-swipe">
					<header>  
						<div id="slider" class="swipe" style="visibility: visible;">    
						<div class="swipe-wrap" style="width: 544px;">
						<figure data-index="0" style="width: 272px; left: 0px; transition-duration: 300ms; ">
						<h2>自制摆件</h2>
						<div class="wrap">
						<div class="image" data-iid="44717839263" data-gid="2" data-mygid="19" data-getway="collect" style="background:url(https://img.alicdn.com/bao/uploaded/i2/TB1nlw5HpXXXXaCXVXXXXXXXXXX_!!0-item_pic.jpg) center no-repeat;background-size: cover"> </div>
						</div>
						</figure>   
						</div>  
						</div>  
						<nav>    
						<ul id="position">      
						<li class=" "></li>      
						<li class="on"></li>   
						</ul>  
						</nav>
					</header>
					</div>
					</section>
					<footer><a href="javascript:;" id="J_CloseBtn" class="btn-no">关闭</a></footer>
				</div>
			</div>
			<div class="ui-dialog pickup mob showfriend" id="J_Dialog" style="display: none;">
				<div class="ui-dialog_wrap">
					<header>
						<h2>
							<div class="h-wrap dialog_bg-show"><p>亲，向朋友炫耀一下才可以领奖哦！</p></div>
							<hr>
						</h2>
					</header>
					<section><div class="exchange-wrap" style="height:80px;width:80px;margin:0 auto;"><img src="http://img01.taobaocdn.com/imgextra/i1/27390555/TB2CR.eaFXXXXcZXXXXXXXXXXXX-27390555.gif" style="height:80px;"></div><br><div class="exchange-wrap"><input type="text" name="show_title" value="我中奖啦！" placeholder="请输入订单号" required=""></div><br><div class="exchange-wrap"><input type="text" name="show_content" placeholder="请输入订单号" required="" value="请输入炫耀内容"></div></section>
					<footer><a href="javascript:;" id="J_CloseBtn" class="btn-no">取消</a><a href="javascript:;" data-show_pic="http://img01.taobaocdn.com/imgextra/i1/27390555/TB2CR.eaFXXXXcZXXXXXXXXXXXX-27390555.gif" data-show_title="我中奖啦！" data-show_content="请输入炫耀内容" data-gid="18" data-mygid="19" data-getway="friend_show" id="J_SubmitBtn" class="btn-yes">炫耀</a></footer>
				</div>
			</div>
			<div class="ui-dialog pickup mob order" id="J_Dialog" style="display: none;">
				<div class="ui-dialog_wrap">
					<header>
						<h2>
							<div class="h-wrap dialog_bg-show"><p>亲，请填写订单号领奖~~~~</p></div>
							<hr>
						</h2>
					</header>
					<section><div class="exchange-wrap"><i class="order"></i><input type="text" name="order" placeholder="请输入订单号" required=""></div></section>
					<footer><a href="javascript:;" data-gid="20" data-mygid="20" data-getway="order" id="J_SubmitBtn" class="btn-yes">领奖</a></footer>
				</div>
			</div>
			<div class="ui-dialog pickup mob jifen" id="J_Dialog" style="display: none;">
				<div class="ui-dialog_wrap">
					<header>
						<h2>
							<div class="h-wrap dialog_bg-show"><p>亲，您需要使用10积分兑换奖品，确定兑换吗？</p></div>
							<hr>
						</h2>
					</header>
					<section></section>
					<footer><a href="javascript:;" id="J_CloseBtn" class="btn-no">关闭</a><a href="javascript:;" data-gid="21" data-mygid="21" data-getway="jifen" id="J_SubmitBtn" class="btn-yes">积分兑换</a></footer>
				</div>
			</div>
			<div class="ui-dialog pickup mob medal" id="J_Dialog" style="display: none;">
				<div class="ui-dialog_wrap">
					<header>
						<h2>
							<div class="h-wrap dialog_bg-show"><p>亲，您需要使用1个奖章兑换奖品，确定兑换吗？</p></div>
							<hr>
						</h2>
					</header>
					<section></section>
					<footer><a href="javascript:;" id="J_CloseBtn" class="btn-no">关闭</a><a href="javascript:;" data-gid="22" data-mygid="22" data-getway="metal" id="J_SubmitBtn" class="btn-yes">奖章兑换</a></footer>
				</div>
			</div>
			<div class="ui-dialog pickup mob passwd" id="J_Dialog" style="display: none;">
				<div class="ui-dialog_wrap">
					<header>
						<h2>
							<div class="h-wrap dialog_bg-show"><p>请输入密码来兑换本奖品：</p></div>
							<hr>
						</h2>
					</header>
					<section><div class="exchange-wrap"><i></i><input type="text" name="snpwd" placeholder="兑奖密码" required=""></div></section>
					<footer><a href="javascript:;" id="J_CloseBtn" class="btn-no">取消</a><a href="javascript:;" id="J_SubmitBtn" class="btn-yes">兑奖</a></footer>
				</div>
			</div>
			<div id="poupInfoBox" class="poupFadIn mob" style="display: none;"> 
				<div class="poupHead">
					<div class="poupTitleBox">
						<div id="actionExpBtn" class="notice poupTitleMune checked">
							<div class="item todo" data-popup="1" data-todo="notice">活动说明</div>
						</div>
						 
						<div id="ranBtn" class="chance poupTitleMune">
							<div class="item todo" data-popup="1" data-todo="chance">没次数了</div>
						</div>
						
						<div id="prizeBtn" class="gift poupTitleMune">
							<div class="item todo" data-popup="1" data-todo="gift">我的奖品<span id="Award_Round_Dot" class="redDot hide"></span></div>
						</div>   
						<div class="poupSlideBar">
							<div class="slideBarTip transitionPanel" style="width: 4.41667rem; left: 0.6rem;"></div>
						</div>
					</div>
					<div class="poupClose"></div>
					<div style="clear:both; height:0"></div>
					<!--<div class="poupTitle">活动及奖品说明</div>-->
				</div>
				<div id="popTabBox" class="popTabBox transitionPanel">
					<div id="ruleBox" class="poupMain" style="height:25rem;overflow-y: auto;" _flag="2">
						<div id="getHeight">
							<div class="tpl_set " style="position:relative;">
							<a href="###" class="tool replac-bgpic" data-highlight="jinnang-gift"  style="top:0;right:0;">设置</a>
								<div id="awardLine" class="tar_jn_gift poupLine layerId-4 defBgColor" style="{if $cfg.front_mob_cfg.jinnang.gift==2}display:none{/if}">
									<div class="mainTitle">活动奖品</div>
									<div id="awardLineBox">
																	 <!-- 排除隐含奖品 -->
											<div class="unComfortLine awardItem "><span class="awardStyle">一等奖 </span> : <span class="award">IPone</span> </div>
																								 <!-- 排除隐含奖品 -->
											<div class="unComfortLine awardItem "><span class="awardStyle">一等奖 </span> : <span class="award">新人奖章</span> </div>
																						</div>	
								<div id="selfAwardLine" class="hide layerId-5 defBgColor" style="word-wrap: break-word; display: none;"></div>
								</div>		
							</div>		
							<!-- <div id="gameDateTime" class="poupLine layerId-6 defBgColor">
								<div class="mainTitle">活动时间</div>
								<p><span id="startDate">2016年7月11日 18:03</span>&nbsp;-&nbsp;<span id="endDate">2016年7月18日 18:03</span></p>
							</div>	 -->
							
							<div class="tpl_set " style="position:relative;">
							<a href="###" class="tool replac-bgpic" data-highlight="jinnang-shop"  style="top:0;right:0;">设置</a>
							<div class="tar_jn_shop hostLine poupLine layerId-9 defBgColor" style="{if $cfg.front_mob_cfg.jinnang.shop==2}display:none{/if}">
								<div class="mainTitle">主办单位</div>
								<p>本次活动主办单位为 <a class="hostName" href="#" style="text-decoration: none;"></a></p>
								<p>主办单位在法律允许的范围内拥有活动解释权</p>
							</div>
							</div>
							
							<div class="tpl_set " style="position:relative;">
							<a href="###" class="tool replac-bgpic" data-highlight="jinnang-tech"  style="top:0;right:0;">设置</a>
								<div id="skillLine" class="tar_jn_tech skillLine poupLine layerId-10 defBgColor" style="min-height: 1rem;{if $cfg.front_mob_cfg.jinnang.tech==2}display:none{/if}">
									<div class="skillCont">
										<div class="mainTitle">技术支持</div>
										<p>页面技术由 <a class="skillName" onclick="return false" href="https://fuwu.taobao.com/ser/detail.html?service_code=ts-30901">订单抽大奖</a> 提供，技术支持方仅提供页面技术，不承担由活动引起的相关法律责任</p>
									</div>
								</div>
							</div>
							
						</div>	
						
						<div class="tpl_set " style="position:relative;">
							<a href="###" class="tool replac-bgpic" data-highlight="jinnang-join"  style="top:0;right:0;">设置</a>
							<div id="explainBox" class="tar_jn_join poupLine layerId-7 defBgColor" style="{if $cfg.front_mob_cfg.jinnang.join==2}display:none{/if}">
								<div class="mainTitle">活动参与</div>
									<p id="explaiDrawInfoBox">
																			<br>
									</p><p>进入可抽奖3次</p>                    <p>每天可领取3次机会</p>                    <p>商品加购物车可获得1次机会，最多获得1次</p>                    					<br>
									<p>获取抽奖次数请点击锦囊里的<a href="#">没次数了</a>标签。</p>
									<p></p>	
							</div>
						</div>
						
						<div class="tpl_set " style="position:relative;">
							<a href="###" class="tool replac-bgpic" data-highlight="jinnang-exchange"  style="top:0;right:0;">设置</a>
							<div id="explainBox" class="tar_jn_exchange poupLine layerId-7 defBgColor" style="{if $cfg.front_mob_cfg.jinnang.exchange==2}display:none{/if}">
								<div class="mainTitle">兑奖说明</div>
								<div id="exlainInfo">兑奖方式分为以下几种：
													<p>订单兑奖：使用满足条件的订单号兑奖。</p>
													<p>积分兑奖：使用积分兑换奖品。</p>
													<p>勋章兑奖：使用勋章兑换奖品。</p>
													<!-- <p>收藏单品：收藏指定商品后领取奖品。</p>
													<p>加购物车：指定商品加入购物车后领取奖品。</p> -->
													<p>炫耀得奖：将奖品分享给好友之后领取奖品。</p>
													<p>密码领奖：使用密码兑换奖品。</p>
												</div>
							</div>
						</div>
					</div>
					<div id="rankBox" class="poupMain layerId-11 defBgColor" style="display: none;">		
						<div id="rankHeight">
							<table id="rankInfoBox" class="rankTable" cellspacing="0" cellpadding="0" style="margin-top: 0;">
							<tbody>
								<tr class="rankInfo">
								<td>每天领取</td>
								<td><input type="button" class="mission" data-mis="everyday" value="领取"></td></tr>
								<tr class="rankInfo">
								<!-- <td><div class="userImg manImg"></div></td> -->
								<td>签到领取</td>
								<td><input type="button" class="mission" data-mis="sign" value="签到"></td></tr>
								<tr class="rankInfo">
								<td>订单号兑换</td>
								<td><input type="button" class="mission" data-mis="order" value="兑换"></td></tr>
								<tr class="rankInfo">
								<td>积分兑换</td>
								<td><input type="button" class="mission" data-mis="jifen" value="兑换"></td></tr>
							</tbody>
							</table>
						</div>				
					</div>
					<div id="awardBox" class="poupMain" style="display: none;">
						<div id="awardInfo" style="height:25rem;overflow-y: auto;">
								<div class="codeInfoBox">
					<div class="djqImgBox"></div>
					<div class="isEmptyAward ellipsis" style="width: 11rem;margin-left:0.6rem;">一等奖：IPone2016-08-12 15:19:08</div>
					<div class="codeperiod" style="margin: 0.25rem 0.6rem;"><span>兑奖期限</span>：2016.07.20 至 2016.07.27</div>
					<div class="goDetailIcon"></div>
					<div class="awardWrap"></div>
					<div class="buttons"><input type="button" value="领取实物" data-gtype="item" data-getway="collect" data-mygid="28" data-gid="26" data-url="/webegg/getwxred"></div>
				</div>
								<div class="codeInfoBox">
					<div class="djqImgBox"></div>
					<div class="isEmptyAward ellipsis" style="width: 11rem;margin-left:0.6rem;">一等奖：新人奖章2016-08-12 15:18:59</div>
					<div class="codeperiod" style="margin: 0.25rem 0.6rem;"><span>兑奖期限</span>：2016.07.20 至 2016.07.27</div>
					<div class="goDetailIcon"></div>
					<div class="awardWrap"></div>
					<div class="buttons"><input type="button" value="领取荣誉奖章" data-gtype="rongyu" data-getway="addcart" data-mygid="27" data-gid="25" data-url="/webegg/getwxred"></div>
				</div>
								<div class="codeInfoBox">
					<div class="djqImgBox"></div>
					<div class="isEmptyAward ellipsis" style="width: 11rem;margin-left:0.6rem;">一等奖：新人奖章2016-08-12 15:18:44</div>
					<div class="codeperiod" style="margin: 0.25rem 0.6rem;"><span>兑奖期限</span>：2016.07.20 至 2016.07.27</div>
					<div class="goDetailIcon"></div>
					<div class="awardWrap"></div>
					<div class="buttons"><input type="button" value="领取荣誉奖章" data-gtype="rongyu" data-getway="addcart" data-mygid="26" data-gid="25" data-url="/webegg/getwxred"></div>
				</div>
								<div class="codeInfoBox">
					<div class="djqImgBox"></div>
					<div class="isEmptyAward ellipsis" style="width: 11rem;margin-left:0.6rem;">一等奖：新人奖章2016-08-12 15:16:04</div>
					<div class="codeperiod" style="margin: 0.25rem 0.6rem;"><span>兑奖期限</span>：2016.07.20 至 2016.07.27</div>
					<div class="goDetailIcon"></div>
					<div class="awardWrap"></div>
					<div class="buttons"><input type="button" value="领取荣誉奖章" data-gtype="rongyu" data-getway="addcart" data-mygid="25" data-gid="25" data-url="/webegg/getwxred"></div>
				</div>
								<div class="codeInfoBox">
					<div class="djqImgBox"></div>
					<div class="isEmptyAward ellipsis" style="width: 11rem;margin-left:0.6rem;">一等奖：测试2016-08-12 15:15:30</div>
					<div class="codeperiod" style="margin: 0.25rem 0.6rem;"><span>兑奖期限</span>：2016.07.20 至 2016.07.27</div>
					<div class="goDetailIcon"></div>
					<div class="awardWrap"></div>
					<div class="buttons"><input type="button" value="领取实物" data-gtype="item" data-getway="addcart" data-mygid="24" data-gid="24" data-url="/webegg/getwxred"></div>
				</div>
								<div class="codeInfoBox">
					<div class="djqImgBox"></div>
					<div class="isEmptyAward ellipsis" style="width: 11rem;margin-left:0.6rem;">一等奖：测试2016-08-12 15:14:13</div>
					<div class="codeperiod" style="margin: 0.25rem 0.6rem;"><span>兑奖期限</span>：2016.07.20 至 2016.07.27</div>
					<div class="goDetailIcon"></div>
					<div class="awardWrap"></div>
					<div class="buttons"><input type="button" value="领取实物" data-gtype="item" data-getway="password" data-mygid="23" data-gid="23" data-url="/webegg/getwxred"></div>
				</div>
								<div class="codeInfoBox">
					<div class="djqImgBox"></div>
					<div class="isEmptyAward ellipsis" style="width: 11rem;margin-left:0.6rem;">一等奖：测试2016-08-12 15:11:18</div>
					<div class="codeperiod" style="margin: 0.25rem 0.6rem;"><span>兑奖期限</span>：2016.07.20 至 2016.07.27</div>
					<div class="goDetailIcon"></div>
					<div class="awardWrap"></div>
					<div class="buttons"><input type="button" value="领取实物" data-gtype="item" data-getway="metal" data-mygid="22" data-gid="22" data-url="/webegg/getwxred"></div>
				</div>
								<div class="codeInfoBox">
					<div class="djqImgBox"></div>
					<div class="isEmptyAward ellipsis" style="width: 11rem;margin-left:0.6rem;">一等奖：测试2016-08-12 15:10:27</div>
					<div class="codeperiod" style="margin: 0.25rem 0.6rem;"><span>兑奖期限</span>：2016.07.20 至 2016.07.27</div>
					<div class="goDetailIcon"></div>
					<div class="awardWrap"></div>
					<div class="buttons"><input type="button" value="领取实物" data-gtype="item" data-getway="jifen" data-mygid="21" data-gid="21" data-url="/webegg/getwxred"></div>
				</div>
								<div class="codeInfoBox">
					<div class="djqImgBox"></div>
					<div class="isEmptyAward ellipsis" style="width: 11rem;margin-left:0.6rem;">一等奖：测试2016-08-12 15:09:08</div>
					<div class="codeperiod" style="margin: 0.25rem 0.6rem;"><span>兑奖期限</span>：2016.07.20 至 2016.07.27</div>
					<div class="goDetailIcon"></div>
					<div class="awardWrap"></div>
					<div class="buttons"><input type="button" value="领取实物" data-gtype="item" data-getway="order" data-mygid="20" data-gid="20" data-url="/webegg/getwxred"></div>
				</div>
								<div class="codeInfoBox">
					<div class="djqImgBox"></div>
					<div class="isEmptyAward ellipsis" style="width: 11rem;margin-left:0.6rem;">一等奖：IPone2016-08-12 14:28:16</div>
					<div class="codeperiod" style="margin: 0.25rem 0.6rem;"><span>兑奖期限</span>：2016.07.20 至 2016.07.27</div>
					<div class="goDetailIcon"></div>
					<div class="awardWrap"></div>
					<div class="buttons"><input type="button" value="领取实物" data-gtype="item" data-getway="friend_show" data-mygid="19" data-gid="18" data-url="/webegg/getwxred"></div>
				</div>
								<div class="codeInfoBox">
					<div class="djqImgBox"></div>
					<div class="isEmptyAward ellipsis" style="width: 11rem;margin-left:0.6rem;">一等奖：IPone2016-07-31 02:54:58</div>
					<div class="codeperiod" style="margin: 0.25rem 0.6rem;"><span>兑奖期限</span>：2016.07.20 至 2016.07.27</div>
					<div class="goDetailIcon"></div>
					<div class="awardWrap"></div>
					<div class="buttons"><input type="button" value="领取实物" data-gtype="item" data-getway="friend_show" data-mygid="17" data-gid="18" data-url="/webegg/getwxred"></div>
				</div>
							</div>    
					</div>
					<div id="regAwardBox" class="poupMain" _flag="4" style="height: 408px; display: none;">
						<div id="noRegAward" class="hide" style="margin-left:3px;">尚未公布获奖名单，详情请查看活动说明</div>

						<div id="regAwardMain">         
									
									<div class="regAwardList">
										<div class="mainTitle">一等奖</div>
										<div class="playerName" style="margin-bottom:12px;"></div>
									</div>	
									
									<div class="regAwardList">
										<div class="mainTitle">二等奖</div>
										<div class="playerName" style="margin-bottom:12px;"></div>
									</div>	
									
									<div class="regAwardList">
										<div class="mainTitle">三等奖</div>
										<div class="playerName" style="margin-bottom:12px;"></div>
									</div>	
							
						</div>	
					</div>	
				</div>
			</div>
			<div class="ui-dialog mob calendar" id="J_Dialog" style="display: none;">
				<div class="ui-dialog_wrap">				
				<header>
						<h2>
							<div class="h-wrap dialog_bg-show"></div>
							<hr>
						</h2>
					</header>
				<section>
				<div class="tpl_set ">
				<a href="###" class="tool replac-bgpic" data-highlight="calendar-bg" data-init="https://img.alicdn.com/imgextra/i4/27390555/TB2bVzGtXXXXXceXXXXXXXXXXXX-27390555.png" style="top:10px;right:10px;">替换图片</a>
				<div class="sign_main" id="sign_layer"><div class="sign_succ_calendar_title"><div class="calendar_month_next cal_bg-show js-changmon" data-mon="2016-09-01"></div><div class="calendar_month_prev  cal_bg-show js-changmon" data-mon="2016-07-01"></div><div class="calendar_month_span">2016年8月</div><span class="ks-ext-close-x js-close-cal">关闭</span></div><div class="sign" id="sign_cal"><table frame="void" rules="none" border="0"><tbody><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr><tr><td class=""> </td><td class="">1</td><td class=""><input data-tp="buqian" data-day="2016-08-02" class="btn btn-mini btn-primary js-buqian" type="button" value="补签"></td><td class="">3</td><td class="on_bu cal_bg-show">4</td><td class="on_la cal_bg-show">5</td><td class=""><input class="btn btn-mini js-calqd cal_bg-show" type="button" value="签到"></td></tr><tr><td class="gift cal_bg-show">7</td><td class=" giftok cal_bg-show"></td><td class="">9</td><td class=""><input data-tp="lingjiang" data-day="2016-08-10" class="btn btn-mini btn-warning js-buqian" type="button" value="领奖"></td><td class="">11</td><td class="">12</td><td class="">13</td></tr><tr><td class="">14</td><td class="">15</td><td class="">16</td><td class="">17</td><td class="">18</td><td class="">19</td><td class="">20</td></tr><tr><td class="">21</td><td class="">22</td><td class="">23</td><td class="">24</td><td class="">25</td><td class="">26</td><td class="">27</td></tr><tr><td class="">28</td><td class="on cal_bg-show">29</td><td class="">30</td><td class="">31</td><td class=""> </td><td class=""> </td><td class=""> </td></tr><tr><td class=""> </td><td class=""> </td><td class=""> </td><td class=""> </td><td class=""> </td><td class=""> </td><td class=""> </td></tr></tbody></table></div></div>
				</div>
				</section>
				<footer><a href="javascript:;" id="J_SubmitBtn" class="btn-yes">签到</a></footer>
				</div>
			</div>
			</div>
			<div class="span15">
				<div class="sui-steps-round steps-round-auto steps-6"  style="cursor:pointer">
                    <div class="finished" data-todo="start" >
                      <div class="wrap">
                        <div class="round">1</div>
                        <div class="bar"></div>
                      </div>
                      <label>启动</label>
                    </div>
                    <div class="todo" data-todo="hasgift">
                      <div class="wrap">
                        <div class="round">2</div>
                        <div class="bar"></div>
                      </div>
                      <label>中奖</label>
                    </div>
                    <div class="todo" data-todo="nogift">
                      <div class="wrap">
                        <div class="round">3</div>
                        <div class="bar"></div>
                      </div>
                      <label>不中奖</label>
                    </div>
                    <div class="todo" data-pickup="1" data-todo="pickup">
                      <div class="wrap">
                        <div class="round">4</div>
                        <div class="bar"></div>
                      </div>
                      <label>领奖</label>
                    </div>
                    <div class="todo" data-popup="1" data-todo="poupFadIn">
                      <div class="wrap">
                        <div class="round">5</div>
                        <div class="bar"></div>
                      </div>
                      <label>锦囊</label>
                    </div>
                    <div class="todo last" data-todo="calendar">
                      <div class="wrap">
                        <div class="round">6</div>
                      </div>
                      <label>签到</label>
                    </div>
                  </div>
			</div>
			<div class="span7 offset4 mob popup_band" style="display:none">
				<div class="sui-steps-round steps-round-auto steps-3"  style="cursor:pointer">
                    <div class="finished" data-popup="1" data-todo="notice" >
                      <div class="wrap">
                        <div class="round">★</div>
                      </div>
                      <label>说明</label>
                    </div>
                    <div class="todo" data-popup="1" data-todo="chance">
                      <div class="wrap">
                        <div class="round">★</div>
                      </div>
                      <label>机会</label>
                    </div>
                    <div class="todo last" data-popup="1" data-todo="gift">
                      <div class="wrap">
                        <div class="round">★</div>
                      </div>
                      <label>奖品</label>
                    </div>
				</div>
			</div>
			<div class="span13 offset1 mob pickup_band" style="display:none">
				<div class="sui-steps-round steps-round-auto steps-5"  style="cursor:pointer">
                    <!-- <div class="finished" data-pickup="1" data-todo="collect" >
                      <div class="wrap">
                        <div class="round">★</div>
                      </div>
                      <label>收藏</label>
                    </div>
                    <div class="todo" data-pickup="1" data-todo="addcart">
                      <div class="wrap">
                        <div class="round">★</div>
                      </div>
                      <label>加购</label>
                    </div> -->
                    <div class="todo" data-pickup="1" data-todo="order">
                      <div class="wrap">
                        <div class="round">★</div>
                      </div>
                      <label>订单</label>
                    </div>
                    <div class="todo" data-pickup="1" data-todo="jifen">
                      <div class="wrap">
                        <div class="round">★</div>
                      </div>
                      <label>积分</label>
                    </div>
                    <div class="todo" data-pickup="1" data-todo="medal">
                      <div class="wrap">
                        <div class="round">★</div>
                      </div>
                      <label>勋章</label>
                    </div>
                    <div class="todo" data-pickup="1" data-todo="showfriend">
                      <div class="wrap">
                        <div class="round">★</div>
                      </div>
                      <label>炫耀</label>
                    </div>
                    <div class="todo last" data-pickup="1" data-todo="passwd">
                      <div class="wrap">
                        <div class="round">★</div>
                      </div>
                      <label>密码</label>
                    </div>
                  </div>
			</div>
			<form id="form1" name="form1" action="/?m=Shopmanage&c=event&a=step5_mob" method="post">
			<input name="end_time" value="{$end_time}" type="hidden" />
			<input name="eid" value="{$eid}" type="hidden" />
			<input name="mob" value="{$curtool}" type="hidden" />
			<div class="span15 mob start ">
				<div class="doc-content">
					<div class="panel">
					  <div class="panel-header">
						<h3>起始页</h3>
					  </div>
					  <div class="panel-body">
							<div class="form-horizontal" >
									<div class="control-group main_bg">
									  <label class="control-label"><s>*</s>主背景图：</label>
									  <div class="bui-stdmod-body" style="height: 110px;">
									 <input type="hidden" class="main_bg-val" name="start_page[main_bg]" value="{$cfg.front_mob_cfg.start_page.main_bg|default:'https://img.alicdn.com/imgextra/i3/27390555/TB2QewpahdkpuFjy0FbXXaNnpXa-27390555.jpg'}"/>
									   <span class="show-pic "><img class="main_bg-show" src="https://img.alicdn.com/imgextra/i3/27390555/TB2QewpahdkpuFjy0FbXXaNnpXa-27390555.jpg_100x100"></span>
									  <div class="J_Uploader" data-val="main_bg-val" data-show="main_bg-show"></div>
									  <div><a class="show-pic-download" href="https://img.alicdn.com/imgextra/i3/27390555/TB2QewpahdkpuFjy0FbXXaNnpXa-27390555.jpg" target="_blank">保存原图</a></div>
									  </div>
									</div>
									<div class="control-group main_pictitle">
									  <label class="control-label"><s>*</s>彩色横幅：</label>
									  <div class="bui-stdmod-body" style="height: 110px;">
									 <input type="hidden" class="main_pictitle-val" name="start_page[main_pictitle]" value="{$cfg.front_mob_cfg.start_page.main_pictitle|default:'https://img.alicdn.com/imgextra/i3/27390555/TB2SbtwaS4mpuFjSZFOXXaUqpXa-27390555.png'}"/>
									   <span class="show-pic "><img class="main_pictitle-show" src="https://img.alicdn.com/imgextra/i3/27390555/TB2SbtwaS4mpuFjSZFOXXaUqpXa-27390555.png_100x100"></span>
									  <div class="J_Uploader" data-val="main_pictitle-val" data-show="main_pictitle-show"></div>
									  <div><a class="show-pic-download" href="https://img.alicdn.com/imgextra/i3/27390555/TB2QewpahdkpuFjy0FbXXaNnpXa-27390555.jpg" target="_blank">保存原图</a></div>
									  </div>
									</div>
									<div class="control-group main_box">
									  <label class="control-label"><s>*</s>抽奖箱：</label>
									  <div class="bui-stdmod-body" style="height: 110px;">
									 <input type="hidden" class="main_box-val" name="start_page[main_box]" value="{$cfg.front_mob_cfg.start_page.main_box|default:'https://img.alicdn.com/imgextra/i2/27390555/TB2qPXxaNtmpuFjSZFqXXbHFpXa-27390555.png'}"/>
									   <span class="show-pic "><img class="main_box-show" src="https://img.alicdn.com/imgextra/i2/27390555/TB2qPXxaNtmpuFjSZFqXXbHFpXa-27390555.png_100x100"></span>
									  <div class="J_Uploader" data-val="main_box-val" data-show="main_box-show"></div>
									  <div><a class="show-pic-download" href="https://img.alicdn.com/imgextra/i2/27390555/TB2qPXxaNtmpuFjSZFqXXbHFpXa-27390555.png" target="_blank">保存原图</a></div>
									  </div>
									</div>
									<div class="control-group main_phone">
									  <label class="control-label"><s>*</s>摇一摇手机：</label>
									  <div class="bui-stdmod-body" style="height: 110px;">
									 <input type="hidden" class="main_phone-val" name="start_page[main_phone]" value="{$cfg.front_mob_cfg.start_page.main_phone|default:'https://img.alicdn.com/imgextra/i4/27390555/TB2lixCaItnpuFjSZFKXXalFFXa-27390555.png'}"/>
									   <span class="show-pic "><img class="main_phone-show" src="https://img.alicdn.com/imgextra/i4/27390555/TB2lixCaItnpuFjSZFKXXalFFXa-27390555.png_100x100"></span>
									  <div class="J_Uploader" data-val="main_phone-val" data-show="main_phone-show"></div>
									  <div><a class="show-pic-download" href="https://img.alicdn.com/imgextra/i4/27390555/TB2lixCaItnpuFjSZFKXXalFFXa-27390555.png" target="_blank">保存原图</a></div>
									  </div>
									</div>
									<div class="control-group main_phback">
									  <label class="control-label"><s>*</s>摇一摇背景：</label>
									  <div class="bui-stdmod-body" style="height: 110px;">
									 <input type="hidden" class="main_phback-val" name="start_page[main_phback]" value="{$cfg.front_mob_cfg.start_page.main_phback|default:'https://img.alicdn.com/imgextra/i3/27390555/TB2VZFZarRkpuFjSspmXXc.9XXa-27390555.png'}"/>
									   <span class="show-pic "><img class="main_phback-show" src="https://img.alicdn.com/imgextra/i3/27390555/TB2VZFZarRkpuFjSspmXXc.9XXa-27390555.png_100x100"></span>
									  <div class="J_Uploader" data-val="main_phback-val" data-show="main_phback-show"></div>
									  <div><a class="show-pic-download" href="https://img.alicdn.com/imgextra/i3/27390555/TB2VZFZarRkpuFjSspmXXc.9XXa-27390555.png" target="_blank">保存原图</a></div>
									  </div>
									</div>
									
                                    <div class="control-group">
                                        <label class="control-label">背景音乐播放：</label>
                                        <div class="controls offset1" style="margin-left:60px">
                                            <label class="radio inline"><input type="radio" value="1" name="start_page[autoplay]" {if $cfg.front_mob_cfg.start_page.autoplay==1} checked{/if}>开启</label>
                                            <label class="radio inline"><input type="radio" value="2" name="start_page[autoplay]" {if $cfg.front_mob_cfg.start_page.autoplay==2} checked{/if}>关闭</label>
                                        </div>
                                    </div>
                                    <div class="control-group music">
                                        <label class="control-label"><s>*</s>背景音乐：</label>
                                        <div class="controls span9" style="margin-left:60px;height:80px">
                                            <div class="inline mp3">
											<a  class="audio {ldelim}  autoplay:false, inLine:true {rdelim} " href="{$cfg.front_mob_cfg.start_page.mp3url|default:'http://video.weimob.com/video/ff/bd/6c/mp3/20131213/default.mp3'}">默认音乐</a></div>
                                            <input type="hidden" name="start_page[mp3url]" id="mp3url" value="{$cfg.front_mob_cfg.start_page.mp3url|default:'http://video.weimob.com/video/ff/bd/6c/mp3/20131213/default.mp3'}"/>
                                                    <span class="help-inline">
                                                        <div class=" addmp3 pull-left" ></div>
                                                    </span>
                                            <span class="help-inline">(保证浏览网页的加载速度,上传音乐最大为<span class="red">3MB</span>)</span>
                                        </div>
                                    </div>
									<div class="control-group main_bag">
									  <label class="control-label"><s>*</s>锦囊：</label>
									  <div class="bui-stdmod-body" style="height: 110px;">
									  <input type="hidden" class="main_bag-val" name="start_page[main_bag]" value="{$cfg.front_mob_cfg.start_page.main_bag|default:'https://img.alicdn.com/imgextra/i4/27390555/TB2bVzGtXXXXXceXXXXXXXXXXXX-27390555.png'}"/>
									  <span class="show-pic "><img class="main_bag-show" src="{$cfg.front_mob_cfg.start_page.main_bag|default:'https://img.alicdn.com/imgextra/i4/27390555/TB2bVzGtXXXXXceXXXXXXXXXXXX-27390555.png'}_100x100"></span>
									  <div class="J_Uploader "  data-val="main_bag-val" data-show="main_bag-show"></div>
									  <div><a class="show-pic-download" href="https://img.alicdn.com/imgextra/i4/27390555/TB2bVzGtXXXXXceXXXXXXXXXXXX-27390555.png" target="_blank">保存原图</a></div>
									  </div>
									</div>
									<div class="control-group main_bgcolor">
									  <label class="control-label"><s>*</s>辅助背景色：</label>
									  <div class="bui-stdmod-body">
										<input type="text" value="{$cfg.front_mob_cfg.start_page.main_bgcolor|default:'#667b02'}" name="start_page[main_bgcolor]" class="main_bgcolor-val control-text span-width span2 " style="margin-left: 50px;background:#FFF">
										<input class="main_bgcolor-picker" style="display: none;"> 默认值：#667b02
									  </div>
									</div>
									<!-- <div class="control-group main_h2 left_lotts">
									  <label class="control-label"><s>*</s>参与次数</label>
									  <div class="controls offset1" style="margin-left:60px;height: 28px;">
                                            <label class="radio inline"><input data-target="tar_left_lotts" type="radio" value="1" name="start_page[left_lotts]" {if $cfg.front_mob_cfg.start_page.left_lotts==1}checked=""{/if}>开启</label>
                                            <label class="radio inline"><input data-target="tar_left_lotts" type="radio" value="2" name="start_page[left_lotts]" {if $cfg.front_mob_cfg.start_page.left_lotts==2}checked=""{/if}>关闭</label>
                                      </div>
									</div> -->
									<div class="control-group copyright">
									  <label class="control-label"><s>*</s>版权信息</label>
									  <div class="controls offset1" style="margin-left:60px;height: 28px;">
											<label class="radio inline"><input data-target="tar_copyright"  type="radio" value="1" name="start_page[copyright]" {if $cfg.front_mob_cfg.start_page.copyright==1}checked=""{/if}>开启</label>
											<label class="radio inline"><input data-target="tar_copyright" type="radio" value="2" name="start_page[copyright]" {if $cfg.front_mob_cfg.start_page.copyright==2}checked=""{/if}>关闭</label>
									  </div>
									</div>
								</div>
					  </div>
					</div>
				  </div>  
			</div>
			
			<div class="span15 mob hasgift nogift  collect showfriend order jifen medal passwd addcart hide">
				<div class="doc-content">
					<div class="panel">
					  <div class="panel-header">
						<h3>对话框</h3>
					  </div>
					  <div class="panel-body">
							<div class="form-horizontal" >
									<div class="control-group dialog_title-bg">
									<div class="control-group">
									  <label class="control-label"><s>*</s>对话框标题背景：</label>
									  <div class="bui-stdmod-body">
									 <input type="hidden" class="dialog_bg-val" name="dialog[dialog_bg]" value="{$cfg.front_mob_cfg.dialog.dialog_bg|default:'https://img.alicdn.com/imgextra/i4/27390555/TB2SR8SsXXXXXcMXpXXXXXXXXXX-27390555.png'}">
									   <span class="show-pic " style="height:50px;"><img style="width:auto" class="dialog_bg-show" src="{$cfg.front_mob_cfg.dialog.dialog_bg|default:'https://img.alicdn.com/imgextra/i4/27390555/TB2SR8SsXXXXXcMXpXXXXXXXXXX-27390555.png'}_100x100"></span>
									  <div class="J_Uploader" data-val="dialog_bg-val" data-show="dialog_bg-show"></div>
									  <div><a class="show-pic-download" href="https://img.alicdn.com/imgextra/i4/27390555/TB2SR8SsXXXXXcMXpXXXXXXXXXX-27390555.png" target="_blank">保存原图</a></div>
									  </div>
									</div>
									<div class="control-group dialog_border">
									  <label class="control-label"><s>*</s>标题下划线1：</label>
									  <div class="bui-stdmod-body">
										<input type="text" value="{$cfg.front_mob_cfg.dialog.dialog_hr0|default:'#000'}" name="dialog[dialog_hr0]" class="dialog_hr0-val control-text span-width span2 " style="margin-left: 60px;background:#FFF">
										<input class="dialog_hr0-picker">  默认值：#000 
									  </div>
									</div>
									<div class="control-group dialog_border">
									  <label class="control-label"><s>*</s>标题下划线2：</label>
									  <div class="bui-stdmod-body">
										<input type="text" value="{$cfg.front_mob_cfg.dialog.dialog_hr1|default:'#414141'}" name="dialog[dialog_hr1]" class="dialog_hr1-val control-text span-width span2 " style="margin-left: 60px;background:#FFF">
										<input class="dialog_hr1-picker">  默认值：#414141
									  </div>
									</div>
									</div>
									<div class="control-group dialog_bg">
									<div class="control-group dialog_border">
									  <label class="control-label"><s>*</s>对话框边框：</label>
									  <div class="bui-stdmod-body">
										<input type="text"  value="{$cfg.front_mob_cfg.dialog.dialog_border|default:'#393939'}" name="dialog[dialog_border]" class="dialog_border-val control-text span-width span2 " style="margin-left: 60px;background:#FFF">
										<input class="dialog_border-picker">  默认值：#393939
									  </div>
									</div>
									<div class="control-group ">
									  <label class="control-label"><s>*</s>对话框渐变色1：</label>
									  <div class="bui-stdmod-body">
										<input type="text" value="{$cfg.front_mob_cfg.dialog.dialog_bg0|default:'#393939'}"  name="dialog[dialog_bg0]" class="dialog_bg0-val control-text span-width span2 " style="margin-left: 60px;background:#FFF">
										<input class="dialog_bg0-picker">  默认值：#393939
									  </div>
									</div>
									<div class="control-group">
									  <label class="control-label"><s>*</s>对话框渐变色1：</label>
									  <div class="bui-stdmod-body">
										<input type="text" value="{$cfg.front_mob_cfg.dialog.dialog_bg1|default:'#212121'}"  name="dialog[dialog_bg1]" class="dialog_bg1-val control-text span-width span2 " style="margin-left: 60px;background:#FFF">
										<input class="dialog_bg1-picker">  默认值：#212121
									  </div>
									</div>
									<div class="control-group">
									  <label class="control-label"><s>*</s>对话框内字体颜色：</label>
									  <div class="bui-stdmod-body">
										<input type="text" value="{$cfg.front_mob_cfg.dialog.dialog_text_color|default:'#a6a9ac'}"  name="dialog[dialog_text_color]" class="dialog_text-val control-text span-width span2 " style="margin-left: 60px;background:#FFF">
										<input class="dialog_text-picker">  默认值：#a6a9ac
									  </div>
									</div>
									</div>
									<div class="control-group buttons">
									<div class="control-group ">
									  <label class="control-label"><s>*</s>关闭按钮渐变色1：</label>
									  <div class="bui-stdmod-body">
										<input type="text" value="{$cfg.front_mob_cfg.dialog.dialog_btnclose0|default:'#308ce8'}" name="dialog[dialog_btnclose0]" class="dialog_btnclose0-val control-text span-width span2 " style="margin-left: 60px;background:#FFF">
										<input class="dialog_btnclose0-picker">  默认值：#308ce8
									  </div>
									</div>
									<div class="control-group ">
									  <label class="control-label"><s>*</s>关闭按钮渐变色2：</label>
									  <div class="bui-stdmod-body">
										<input type="text" value="{$cfg.front_mob_cfg.dialog.dialog_btnclose1|default:'#2262a3'}" name="dialog[dialog_btnclose1]" class="dialog_btnclose1-val control-text span-width span2 " style="margin-left: 60px;background:#FFF">
										<input class="dialog_btnclose1-picker">  默认值：#2262a3
									  </div>
									</div>
									<div class="control-group ">
									  <label class="control-label"><s>*</s>确认按钮渐变色1：</label>
									  <div class="bui-stdmod-body">
										<input type="text" value="{$cfg.front_mob_cfg.dialog.dialog_btnok0|default:'#308ce8'}" name="dialog[dialog_btnok0]" class="dialog_btnok0-val control-text span-width span2 " style="margin-left: 60px;background:#FFF">
										<input class="dialog_btnok0-picker">  默认值：#308ce8
									  </div>
									</div>
									<div class="control-group ">
									  <label class="control-label"><s>*</s>确认按钮渐变色2：</label>
									  <div class="bui-stdmod-body">
										<input type="text" value="{$cfg.front_mob_cfg.dialog.dialog_btnok1|default:'#2262a3'}"  name="dialog[dialog_btnok1]" class="dialog_btnok1-val control-text span-width span2 " style="margin-left: 60px;background:#FFF">
										<input class="dialog_btnok1-picker">  默认值：#2262a3
									  </div>
									</div>
									<div class="control-group ">
									  <label class="control-label"><s>*</s>按钮字体颜色</label>
									  <div class="bui-stdmod-body">
										<input type="text" value="{$cfg.front_mob_cfg.dialog.dialog_btntext|default:'#FFF'}" name="dialog[dialog_btntext]" class="dialog_btntext-val control-text span-width span2 " style="margin-left: 60px;background:#FFF">
										<input class="dialog_btntext-picker">  默认值：#FFF
									  </div>
									</div>
									</div>
								</div>
						</div>
					</div>
				</div>
			</div>
			<div class="span15 mob poupFadIn hide">
				<div class="doc-content">
					<div class="panel">
					  <div class="panel-header">
						<h3>锦囊</h3>
					  </div>
					  <div class="panel-body">
							<div class="form-horizontal" >
									<div id="ruleBox" class="poupMain notice">
									<div class="control-group jinnang-gift ">
									  <label class="control-label"><s>*</s>锦囊奖品</label>
									  <div class="controls offset1" style="margin-left:60px;height: 28px;">
                                            <label class="radio inline"><input type="radio" data-target="tar_jn_gift" value="1" name="jinnang[gift]" {if $cfg.front_mob_cfg.jinnang.gift==1}checked=""{/if}>开启</label>
                                            <label class="radio inline"><input type="radio" data-target="tar_jn_gift" value="2" name="jinnang[gift]" {if $cfg.front_mob_cfg.jinnang.gift==2}checked=""{/if}>关闭</label>
                                      </div>
									</div>
									<div class="control-group jinnang-shop ">
									  <label class="control-label"><s>*</s>主办单位</label>
									  <div class="controls offset1" style="margin-left:60px;height: 28px;">
                                            <label class="radio inline"><input type="radio" data-target="tar_jn_shop" value="1" name="jinnang[shop]" {if $cfg.front_mob_cfg.jinnang.shop==1}checked=""{/if}>开启</label>
                                            <label class="radio inline"><input type="radio" data-target="tar_jn_shop" value="2" name="jinnang[shop]" {if $cfg.front_mob_cfg.jinnang.shop==2}checked=""{/if}>关闭</label>
                                      </div>
									</div>
									<div class="control-group jinnang-tech ">
									  <label class="control-label"><s>*</s>技术支持</label>
									  <div class="controls offset1" style="margin-left:60px;height: 28px;">
                                            <label class="radio inline"><input type="radio" data-target="tar_jn_tech" value="1" name="jinnang[tech]" {if $cfg.front_mob_cfg.jinnang.tech==1}checked=""{/if}>开启</label>
                                            <label class="radio inline"><input type="radio" data-target="tar_jn_tech" value="2" name="jinnang[tech]" {if $cfg.front_mob_cfg.jinnang.tech==2}checked=""{/if}>关闭</label>
                                      </div>
									</div>
									<div class="control-group jinnang-join ">
									  <label class="control-label"><s>*</s>活动参与</label>
									  <div class="controls offset1" style="margin-left:60px;height: 28px;">
                                            <label class="radio inline"><input type="radio" data-target="tar_jn_join" value="1" name="jinnang[join]" {if $cfg.front_mob_cfg.jinnang.join==1}checked=""{/if}>开启</label>
                                            <label class="radio inline"><input type="radio" data-target="tar_jn_join" value="2" name="jinnang[join]" {if $cfg.front_mob_cfg.jinnang.join==2}checked=""{/if}>关闭</label>
                                      </div>
									</div>
									<div class="control-group jinnang-exchange ">
									  <label class="control-label"><s>*</s>兑奖方式</label>
									  <div class="controls offset1" style="margin-left:60px;height: 28px;">
                                            <label class="radio inline"><input type="radio" data-target="tar_jn_exchange" value="1" name="jinnang[exchange]" {if $cfg.front_mob_cfg.jinnang.exchange==1}checked=""{/if}>开启</label>
                                            <label class="radio inline"><input type="radio" data-target="tar_jn_exchange" value="2" name="jinnang[exchange]" {if $cfg.front_mob_cfg.jinnang.exchange==2}checked=""{/if}>关闭</label>
                                      </div>
									</div>
									</div>
									
									<div id="rankBox" class="hide chance gift">
									<div class="control-group main_h2">
									  <label class="control-label"><s>*</s>按钮色1：</label>
									  <div class="bui-stdmod-body">
										<input type="text" value="{$cfg.front_mob_cfg.jinnang.button0|default:'#1dbbd7'}" name="jinnang[button0]" class="jinnang-button0-val control-text span-width span2 " style="margin-left: 60px;background:#FFF">
										<input class="jinnang-button0-picker">  默认值：#1dbbd7
									  </div>
									</div>
									<div class="control-group main_h2">
									  <label class="control-label"><s>*</s>按钮色2：</label>
									  <div class="bui-stdmod-body">
										<input type="text" value="{$cfg.front_mob_cfg.jinnang.button1|default:'#10369d'}" name="jinnang[button1]" class="jinnang-button1-val control-text span-width span2 " style="margin-left: 60px;background:#FFF">
										<input class="jinnang-button1-picker">  默认值：#10369d
									  </div>
									</div>
									<div class="control-group main_h2">
									  <label class="control-label"><s>*</s>按钮字体色：</label>
									  <div class="bui-stdmod-body">
										<input type="text" value="{$cfg.front_mob_cfg.jinnang.text|default:'#FFF'}"  name="jinnang[text]" class="jinnang-button-text-val control-text span-width span2 " style="margin-left: 60px;background:#FFF">
										<input class="jinnang-button-text-picker">  默认值：#FFF
									  </div>
									</div>
									</div>
								</div>
					  </div>
					</div>
				</div>
			</div>
			
			<div class="span15 mob calendar hide">
				<div class="doc-content">
					<div class="panel">
					  <div class="panel-header">
						<h3>签到日历</h3>
					  </div>
					  <div class="panel-body">
							<div class="form-horizontal" >
								<div class="control-group calendar-bg">
								  <label class="control-label"><s>*</s>日历元素：</label>
								  <div class="bui-stdmod-body">
								 <input type="hidden" class="cal_bg-val" name="cal[bg]" value="{$cfg.front_mob_cfg.cal.bg|default:'https://img.alicdn.com/imgextra/i1/27390555/TB2LmNEtFXXXXblXXXXXXXXXXXX-27390555.png'}"/>
								   <span class="show-pic " style="height:50px;"><img class="cal_bg-show" src="{$cfg.front_mob_cfg.cal.bg|default:'https://img.alicdn.com/imgextra/i1/27390555/TB2LmNEtFXXXXblXXXXXXXXXXXX-27390555.png'}_100x100"></span>
								  <div class="J_Uploader" data-val="cal_bg-val" data-show="cal_bg-show"></div>
								  <div><a class="show-pic-download" href="https://img.alicdn.com/imgextra/i1/27390555/TB2LmNEtFXXXXblXXXXXXXXXXXX-27390555.png" target="_blank">保存原图</a></div>
								  </div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<button type="submmit" class="button pull-right " style="margin-right:280px" >保存设置</button>
			</form>
			</div>
  <div class="hide">
	<input type="file" name="userfile" hidefocus="true" class="file-input hide">
	<input type="hidden" class="type" value="{$type|default:0}" />
  </div>
  <ul id="J_UploaderQueue" style="position: fixed;border: 1px #D8D8D8 solid;bottom: 0;right: 0;background: #F0F9FF;padding: 2px;" class="ks-uploader-queue defaultTheme-queue"></ul>		
</div>
  <script>

    $(function () {
      $(".audio").mb_miniPlayer({
        width: 240,
        inLine: false,
        onEnd: playNext
      });

      function playNext(player) {
        var players = $(".audio");
        document.playerIDX = (player.idx <= players.length - 1 ? player.idx : 0);
        players.eq(document.playerIDX).mb_miniPlayer_play();
      }

    });
  </script>
</body>
</html>